<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel='stylesheet' href='/stylesheets/music.css' />
    <script src="javascripts/jquery.js"></script>
    <script src="javascripts/zishiy.js"></script>
    <title>Document</title>
</head>
<body>
<header>
    <nav>
        <span><a href="/">博客</a></span>
        <span><a href="/">boke</a></span>
        <span>
      <form action="post">
          <input type="text" placeholder="书籍，电影，音乐，视频">
      </form>
    </span>
        <span class="s s4"><a href="/book">书籍</a></span>
        <span clsss="s s5"><a href="/move">电影</a></span>
        <span class="s s6"><a href="/music">音乐</a></span>
        <span class="s s7"><a href="/video">视频</a></span>
        <span class="s s8"><a href="/radio">FM</a></span>
        <span class="s s9"><a href="/mark">市集</a></span>
    </nav>
</header>
<main>
    <div id="music">
        <h1><a href="/music">音乐</a></h1>
        <div class="image2">
            <!--<img src="images/3.jpg" alt="">-->
        </div>
        <div id="book">
            <ul>
                <li>
                    <span>热搜:</span>
                    <span>邓丽君</span>
                    <span>周华健</span>
                    <span>齐豫</span>
                    <span>刘德华</span>
                    <span>王菲</span>
                </li>
                <li>
                    <span>华语男歌手:</span>
                    <span>周传雄</span>
                    <span>周华健</span>
                    <span>刘德华</span>
                    <span>张学友</span>
                </li>
                <li>
                    <span>华语女歌手:</span>
                    <span>邓丽君</span>
                    <span>王菲</span>
                    <span>刘若英</span>
                    <span>降央卓玛</span>
                </li>
                <li>
                    <span>组合:</span>
                    <span>凤凰传奇</span>
                    <span>羽泉</span>
                    <span>5566</span>
                    <span>小虎队</span>
                    <span>twice</span>
                </li>
            </ul>
        </div>
    </div>
    <div id="hot">
        <div class="dzz">
            <section>
                <h1>青花瓷</h1>
                <img src="images/13.jpg" alt="">
            </section>
            <section class="sec">
                <h1>演唱:周杰伦</h1>
                <h2>作词:方文山</h2>
                <h3>谱曲:方文山</h3>
            </section>
        </div>
        <div class="dzz">
            <section>
                <h1>花心</h1>
                <img src="images/14.jpg" alt="">
            </section>
            <section class="sec">
                <h1>演唱:周华健</h1>
                <h2>作词:周华健</h2>
                <h3>谱曲:周华健</h3>
            </section>
        </div>
        <div class="dzz">
            <section>
                <h1>甜蜜蜜</h1>
                <img src="images/15.jpg" alt="">
            </section>
            <section class="sec">
                <h1>演唱:邓丽君 </h1>
                <h2>作词:邓丽君</h2>
                <h3>谱曲:邓丽君</h3>
            </section>
        </div>
        <div class="dzz">
            <section>
                <h1>青花</h1>
                <img src="images/16.jpg" alt="">
            </section>
            <section class="sec">
                <h1>演唱:周传雄 </h1>
                <h2>作词:周传雄</h2>
                <h3>谱曲:周传雄</h3>
            </section>
        </div>
    </div>
</main>
</body>
</html>